<template>
  <div id="app">
    <!-- 存在多个路由时，想缓存部分路由 -->
    <keep-alive>
      <!-- 当前进入的路由 meta里面 keepAlive为true时走这里 -->
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <!-- 当前进入的路由 meta里面 keepAlive为false时走这里 下面 if 判断进行了取反处理 -->
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="less">
@import '~@/assets/styles/index.less';
</style>
